<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>登录页</title>
		<!-- 1.引入重置样式 -->
		<link rel="stylesheet" href="../css/reset.css" />
		<!-- 2.引入标准化样式 -->
		<link rel="stylesheet" href="../css/normalize.css" />
		<!-- 3.引入公用样式 -->
		<link rel="stylesheet" href="../css/common.css" />
		<!-- 4.引入当前页样式 -->
		<link rel="stylesheet" href="../css/register.css" />
	</head>
	<body>
		<!-- 头部 -->
		<header>
			<div class="container">
				<img src="../imgs/logo-white.png" alt="" />
				<p>已有源码账号，<a href="../html/login.html">立即登录</a></p>
			</div>
		</header>
		<main>
			<div class="container">
				<div>
					<h2 class="font36">欢迎注册</h2>
					<h4 class="font24 mt20mb10">百款接口免费试用</h4>
					<p class="mb30 cff font16">
						<i></i>
						注册即送300元大礼包
					</p>
					<form action="" id="register">
						<p>
							<input
								type="text"
								id="username"
								class="inputModal"
								placeholder="用户名(6~20位字母数字)"
							/>
							<span>请正确填写用户名</span>
						</p>
						<p>
							<input
								type="text"
								id="teleNumber"
								class="inputModal"
								placeholder="请输入手机号"
							/>
							<span>请正确填写手机号</span>
						</p>
						<p class="rel">
							<input
								type="text"
								id="verificationCode"
								class="inputModal"
								placeholder="请输入手机验证码"
							/>
							<input type="button" id="getVerCode" value="获取验证码" />
							<span>请正确输入手机验证码</span>
						</p>
						<p>
							<input
								type="text"
								name=""
								id="password"
								class="inputModal"
								placeholder="请输入6至12位的密码"
							/>
							<span>请正确输入密码</span>
						</p>
						<p class="font12 mb30" id="agree">
							<input type="checkbox" />
							我已阅读并接收<a href="#">《源码用户服务协议》</a>
							<a href="#">《源码隐私政策》</a>
						</p>
						<button>立即注册</button>
					</form>
				</div>
			</div>
		</main>
		<script src="../js/util.js"></script>
		<script src="../js/register.js"></script>
	</body>
</html>
